<template>
  <div class="root">
    <room
      v-for="r in room"
      :key="r"
      :room="r"
      :isRoomGoods="isRoomGoods"
      :showRoomGoodsDetail="showRoomGoodsDetail"
    ></room>
  </div>
</template>

<script>
import room from "@/components/rooms/room";

export default {
  components: {
    room
  },
  data() {
    return {};
  },
  props: {
    showStyle: {
      type: Boolean,
      defalut: true
    },
    room: {
      type: Array,
      defalut: []
    },
    isRoomGoods: {
      type: Boolean,
      default: false
    },
    showRoomGoodsDetail: {
      type: Boolean,
      default: false
    }
  }
};
</script>
<style scoped lang="less">
.root {
  width: 100%;
}
</style>